	<!-- 详情 BEGIN -->
  <div class="modal fade in ip-box" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true" id="details">
			<div class="modal-dialog modal-lg-f modal-dialog-centered" role="document" >
				<div class="modal-content">
					<div class="modal-header">
						
						<h4 class="modal-title" id="myModalLabel">角色管理 — 详情</h4>
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					</div>
					<div class="modal-body">
						<form>
						<div class="form-group">
							<label class="col-xs-12 col-sm-3 control-label text-right">角色编码：</label>
							<div class="col-xs-12 col-sm-9">
								<p class="details-p" *ngIf="roledatas">{{roledatas.roleCode}}</p>   
							</div>	
						</div>
						<div class="form-group">
							<label class="col-xs-12 col-sm-3 control-label text-right">角色名称：</label>
							<div class="col-xs-12 col-sm-9">
								<p class="details-p" *ngIf="roledatas">{{roledatas.roleName}}</p>   
							</div>	
						</div>
						<div class="form-group height-auto">
							<label class="col-xs-12 col-sm-3 control-label text-right">角色组：</label>
							<div class="col-xs-12 col-sm-9">
								<!-- <p class="details-p">{{roleslistdatas}}</p>  -->
								<div   *ngFor="let val of roleslistdatas; let  i = index;" >
									<p class="details-p" *ngIf = "roledatas && (val.roleGroupId == roledatas.roleGroupId)">{{val.roleGroupName }}</p>
								</div>
							</div>
						</div>
						<div class="form-group height-auto">
							<label class="col-xs-12 col-sm-3 control-label text-right">自动分配：</label>
							<div class="col-xs-12 col-sm-9">
									<p class="details-p" *ngIf = "roledatas &&  (roledatas.autoAssignment == 0)">不是</p>  
									<p class="details-p" *ngIf = "roledatas &&  (roledatas.autoAssignment == 1)">是</p>  
							</div>
						</div>
						
						<div class="form-group height-auto">
							<label class="col-xs-12 col-sm-3 control-label text-right">描述：</label>
							<div class="col-xs-12 col-sm-9"> 
								<p class="details-p" *ngIf="roledatas">{{roledatas.description}}</p> 
							</div>
						</div>
						</form>
					</div> 	
					<div class="modal-footer modal-footer-30">
						<button type="button" class="btn btn-default" mat-raised-button data-dismiss="modal" aria-hidden="true">返回</button>
					</div> 	
				</div>
			</div>         
		</div>	
<!-- 详情 END -->
